<%@ page contentType="text/html;charset=UTF-8" language="java" %><html>
<head>
    <title>Layout</title>
</head>
<body style="padding: 0;margin: 0">
<div id="layout1" class="mini-layout" style="width:100%;height:100%;"  borderStyle="border:solid 1px #aaa;">
    <div title="north" region="north" height="80" showSplitIcon="true" >
        north
    </div>
    <div title="south" region="south" showSplit="false" showHeader="true" height="80" showSplitIcon="true" >
        south
    </div>
    <div title="west" region="west" width="200" expanded="false" showSplitIcon="true">
        west
    </div>
    <div title="east" region="east"  showCloseButton="true" showSplitIcon="true">
        east
    </div>
    <div title="center" region="center"  >
        <div id="treegrid1" class="mini-treegrid" style="width:700px;height:280px;"
             url="${pageContext.request.contextPath}/admin/menu/getMenuManageInfoAjax.html" showTreeIcon="true"
             treeColumn="taskname" idField="UID" parentField="ParentTaskUID" resultAsTree="false"
             allowResize="true" expandOnLoad="true"
                >
            <div property="columns">
                <div type="indexcolumn"></div>
                <div name="taskname" field="Name" width="160" >任务名称</div>
                <div field="PercentComplete" width="80">进度</div>
                <div field="Duration" width="60" align="right">工期</div>
                <div field="Start" width="80" dateFormat="yyyy-MM-dd">开始日期</div>
                <div field="Finish" width="80" dateFormat="yyyy-MM-dd">完成日期</div>
            </div>
        </div>

    </div>
</div>

</body>
</html>
<script src="${pageContext.request.contextPath}/assets/plugins/miniui/boot.js" type="text/javascript"></script>
<script type="text/javascript">
    mini.parse();

    var layout = mini.get("layout1");

    function hideHeader() {
        layout.updateRegion("north", { visible: false });
    }
    function showHeader() {
        layout.updateRegion("north", { visible: true });
    }
    function collapsePanel() {
        layout.updateRegion("east", { expanded: false });
    }
    function expandPanel() {
        layout.updateRegion("east", { expanded: true });
    }

</script>